/* PDF.js 4.0.0 dark toolbar theme */
:root {
  --toolbar-bg-color: #333;
  --toolbar-icon-bg-color: #fff;
  --toolbar-color: #fff;
  --toolbar-border-color: #999;
  --button-hover-color: #999;
  --dropdown-btn-bg-color: #444;
  --field-bg-color: #444;
  --field-color: #fff;
  --main-color: #fff;
  --toolbar-icon-opacity: 0.9;
}

#sidebarToggle {
  display: none;
}
#toolbarContainer,
.secondaryToolbar,
#overlayContainer > .container > .dialog {
  background-color: var(--toolbar-bg-color);
  color: var(--toolbar-color);
}

.toolbar {
  border-bottom: 1px solid var(--toolbar-border-color);
}

.toolbarButton,
.secondaryToolbarButton,
.dropdownToolbarButton,
.overlayButton {
  color: var(--toolbar-color);
  background-color: transparent;
}

.toolbarButton:hover,
.secondaryToolbarButton:hover,
.dropdownToolbarButton:hover,
.overlayButton:hover {
  background-color: var(--button-hover-color);
}

.dropdownToolbarButton {
  background-color: var(--dropdown-btn-bg-color);
}

.toolbarField {
  background-color: var(--field-bg-color);
  color: var(--field-color);
}

#thumbnailView,
#outlineView,
#attachmentsView,
#layersView {
  background-color: var(--toolbar-bg-color);
}

.thumbnail {
  background-color: var(--dropdown-btn-bg-color);
}

.thumbnail:hover {
  background-color: var(--button-hover-color);
}

/* Overriding some specific styles from viewer.css */
html[dir='ltr'] #toolbarContainer,
.findbar,
.secondaryToolbar {
  box-shadow: 0 1px 0 var(--toolbar-border-color);
}

.doorHanger:before,
.doorHangerRight:before {
  border-bottom-color: var(--toolbar-bg-color);
}

.doorHanger:after,
.doorHangerRight:after {
  border-bottom-color: var(--toolbar-bg-color);
}

.pdfViewer .page{
  border: none;
}